/*Font size in general*/
body{
 font-size: 16px;
 line-height: 25px;
}

/*--------LINK styyles----------*/

a.phone, 
a.phone:hover,
a.phone:focus,
a.mail,  
a.mail:hover,
a.mail:focus{
  color: #154db9;
}

a.ext, a.ext:hover, a.ext:focus{
  color: #154db9;
}

.accordion-toggle{
  color:#333;
}

.btn-primary{
  color: #333;
  text-shadow: none;
}

/*------------- Navigation ----------------------*/


/*Centers the atricle links in the footer, thus the Privacy Statement and Legal notice*/
.nav > li > a{
  text-align:center;
  color: black;
}

.nav > li > a:hover, 
.nav > li > a:focus
{
  background-color: #eee;
}



.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus{
  color: black;
  background: #eee;
}

/*--------------- DIV styles -----------------*/

/*Use "note" for short content that should be presented floating left, right, left, right ...*/
div.note{
  display: inline-block;
  padding: 10px;
  margin-bottom: 20px;
  width: 80%;
  }


div.note:nth-child(odd){
  background-color: #fafafa;
  float:right;
  }

/*FLoating of images in note-blocks*/
div.note:nth-child(odd) img{
  float:right;
  padding: 10px;
  }

div.note:nth-child(even) img{
  float:left;
  padding: 10px;
  }



/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*------------ S M A R T P H O N E S --------------------*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

@media only screen and (max-width:599px) {

/*Notes and the images in it are no longer presented floating, but as single boxes*/
  div.note{
    text-align: center;
    width: 100%;
      }
  
  div.note:nth-child(odd) {
    float:none;
    text-align: center;
    width: 100%;
  }

  div.note:nth-child(odd) img{
    float:none;
  }
 
  div.note:nth-child(even) img{
    float:none;
  }
 
}